
<form #heroForm="ngForm">
    <div class="form-group">
    
        <label for="power">Hero Power</label>
        <select class="form-control" id="power" required
        >
          <option *ngFor="let pow of powers" [value]="pow">{{pow}}</option>
        </select>
  </div>
  <div class="form-group">
    <label for="name">hero name</label>
    <input type="text" 
    id="name" class="form-control"
    required 
    name="name"
    [(ngModel)] ="model.name"
    #name = "ngModel"
    > 
    <div [hidden]="name.valid">
      name is valid
    </div>
  </div> 
  <div class="form-group">
    <label for="alertEgo">hero alertEgo</label> 
    <input type="text" class="form-control" required 
    id="alertEgo" name="alertEgo"
    [(ngModel)] = "model.alertEgo"
    >
  </div> 
  <div class="scroll">
    <!-- 这里的hanleBlur 没有事件对象！！ -->
    <nz-select (nzBlur)="handleBlur($event)" (nzFocus)="handleFocus($event)">
      <nz-option [nzLabel]="1"></nz-option>
      <nz-option [nzLabel]="3"></nz-option>
    </nz-select><br>
    <svg width="400px" viewBox="0 0 100 100">
      <circle cx="50%" cy="50%" r="10%" fill="purple"></circle>  
    </svg> 
  </div>
  <svg viewBox="0 0 100 100">
    <circle cx="50%" cy="50%" r="10%" fill="purple"></circle>  
  </svg> 

 <label for="text">text</label> <input name="text" type="text">
  <div (focus)="handleFocus($event)" (blur)="handleBlur($event)" tabindex="1" class="f" (click)="clickf()">
    <div (focus)="handleFocus($event)" (blur)="handleBlur($event)" tabindex="1" class="s">
      <div #sun tabindex="1" class="g"></div>
    </div>
  </div>
  <button type="submit">submit</button>
</form>
<h5>使用formbuilder 要引入声明 ReactiveFormsModule</h5>
<form    [formGroup]="form">
  <select multiple formControlName="shengsi" (blur)="handleBlur($event)" (focus)="handleFocus($event)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">天</option>
    <option value="4">地</option>
    <option value="5">道</option>
  </select>
</form>
<button *vIf="true">button</button>
<input type="datetime-local" [hidden]="false"  name="" id="">
